<template>
    <div class="allbox">
      <div class="tilteinfo">
        <div>报修信息</div> 
        <router-link class="rtl" to="#" >编辑</router-link>
    </div>
      
        <div class="informationbox">
            <div class="listinfo">
           <div>报修房屋：<span>南航碧桂园小区01栋2单元402</span></div>
            <span>问题描述</span>
            <div>报修人：<span>蒋峰</span><router-link class="rtl" to="#">住户详情</router-link></div>
            <div class="ac" ><div>附件</div> <div class="photo"></div></div> 
        </div>
     
      <template>
        <div  class="listinfo">
            <div>维修项目：<span>水暖-浴霸</span></div>
            <div>手机号码：<span> 16589000078</span></div>
            <div>提交时间：<span> 2019-09-09 10:40</span></div>
        </div>
      </template>
      <template>
        <div  class="listinfo">
            <div>标题：<span>浴霸没有水</span></div>
            <div>预约日期：<span> 2022/09/09</span></div>
            <div>提交人：<span> 林莉莉</span></div>
        </div>
        
      </template></div>
        
    </div>

</template> 

<script>
export default {
    name: 'SmartCommunityInformation',

    data() {
        return {
            
        };
    },

    mounted() {
        
    },

    methods: {
        
    },
};
</script>

<style lang="less" scoped>
.informationbox{
    height: 320px;
    display: flex;
 justify-content: space-evenly;
    font-size: 14px;
    font-weight: 400;
    margin-left: -118px;
}.listinfo{
    display: flex;
    flex-direction: column;
    line-height: 40px;
}.tilteinfo{
    font-size: 16px;
    font-weight: 500;
display: flex;
margin-left: 40px;
padding: 50px 0;
margin-top: 20px;

}.rtl{
    margin-left: 25px;
}
.allbox{
    background-color: #fff;
}
.photo{
    width: 233px;
    height: 120px;
    background-color:rgba(140, 228, 243, 0.2);
    margin-left: 30px;
    margin-top: 10px;
}.ac{
    display: flex;
}
</style>